<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>年级</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        li {
            list-style: none;
        }

        .header, .content {
            display: flex;
        }

        #grade li {
            width: 20%;
            border: 1px dashed gray;
        }

        /* #grade li {
             width: 20%;
             border: 1px dashed gray;
         }*/
    </style>
</head>
<body>
<div>
    <h1>${student}</h1>
</div>
<div id="grade">
    <ul class="header">
        <li class="l1">编号</li>
        <li class="l2">科目</li>
        <li class="l2">成绩</li>
        <li class="l1">考试日期</li>
    </ul>
    <c:forEach items="${scores.datas}" var="s">
        <ul class="content">
            <li class="l1">${s.id}
            </li>
            <li class="l2">${s.subjectname}
            </li>
            <li class="l2">${s.score}
            </li>
            <li class="l2">${s.examDate}
            </li>
        </ul>
    </c:forEach>
    <p>
        <a href="showScore.do?stuno=${stuno}&pageNo=1">首页</a>
        <a href="showScore.do?stuno=${stuno}&pageNo=${scores.pageNo-1}">上一页</a>
        <a href="showScore.do?stuno=${stuno}&pageNo=${scores.pageNo+1}">下一页</a>
        <a href="showScore.do?stuno=${stuno}&pageNo=${scores.totalPages}">尾页</a>
    </p>
</div>
</body>
</html>
